﻿
@{
    Layout = null;
}
@model Common.Param_User
@using Common
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layuiAdmin 网站用户 iframe 框</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    @*<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">*@
    <link href="https://cdn.staticfile.org/layui/2.7.6/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" href="~/Content/layuiadmin/style/admin.css" media="all">
    <script src="~/Scripts/tools.js"></script>
    <link rel="shortcut icon" href="~/Content/assets/images/logo2.png" type="image/x-icon">
    <link rel="stylesheet" href="~/Content/assets/css/typo.css">
    <link rel="stylesheet" href="~/Content/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="~/Content/assets/css/index.css">
    <style>
        .layui-row {
            /*margin-left:1px;*/
        }

        .layui-col-xs12 > p {
            padding: 7px 0 7px 15px;
        }

            .layui-col-xs12 > p > label > span {
                font: 14px "微软雅黑";
            }

        .layui-row img {
            width: 110px;
            position: absolute;
            top: 40px;
            left: 260px;
            border-radius: 40%;
        }
    </style>
</head>
<body>

    @*<div class="layui-container">*@

    <article class="container">
        <section class="side" id="side">

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <!-- 头像照片 -->
                    <img class="avatar" src="@(Tools.UserHeadImg+Model.HeadImg)" style="display: block;">
                </section>

                <h1 class="name">用户昵称： @Model.NickName</h1>
                <h4 class="info-job">身份：<a href="#" target="_blank">@(Model.VipName)</a></h4>
                    

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息
                </h2>
                <hr />
                <ul>
                    <li>
                        <label>用户名</label>
                        <span>@Model.UserName</span>
                    </li>

                    <li>
                        <label>用户密码</label>
                        <span>@Model.PassWord</span>
                    </li>

                    <li>
                        <label>账号创建时间</label>
                        <span>@Model.CreateTime</span>
                    </li>

                    <li>
                        <label>账号创建时间</label>
                        <span>@ViewBag.Time</span>
                    </li>
                    
                    @if (Model.VipName != "大众会员")
                    {
                        <li><label>会员过期时间：</label><span>@(Model.VOutTime)</span></li>
                    }
                    <li><label>会员存储数量：</label><span>@(Model.VStorageNum)</span></li>
                </ul>
            </section>

            <!-- 个人简历 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式
                </h2>
                <hr />
                <ul>

                    <li>
                        <label>电话</label>
                        <a href="#" target="_blank">@(Model.Tel)</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:47637410@qq.com" target="_blank">@(Model.Email)</a>
                    </li>

                </ul>


            </section>

            @if (@ViewBag.UCD.Count != 0)
            {
                <section class="contact info-unit">
                    <h2>
                        <i class="fa fa-pencil" aria-hidden="true"></i>用户创建简历数量：@ViewBag.UCD.Count
                    </h2>
                    <table class="layui-table">
                        <colgroup>
                            <col width="10">
                            <col width="10">
                            <col width="40">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>简历名称</th>
                                <th>模板名称</th>
                                <th>查看</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in ViewBag.UCD)
                            {
                                <tr>
                                    <td>@item.UCName</td>
                                    <td>@item.Tname</td>
                                    <td><a target="_blank" style="color:blue" href="http://localhost:62799/api/Template/FindByID/@(+item.TemplateID)">点击查看</a></td>
                                </tr>
                            }
                        </tbody>
                    </table>

                </section>
            }
            else
            {
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>用户还未创建简历
                </h2>
            }
        </section>
    </article>
    @*</div>*@
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.staticfile.org/layui/2.7.6/layui.js"></script>
    <script>
        layui.config({
            base: '/Content/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'upload'], function () {
            var $ = layui.$
                , form = layui.form
                , upload = layui.upload;

            upload.render({
                elem: '#layuiadmin-upload-useradmin'
                , url: layui.setter.base + 'json/upload/demo.js'
                , accept: 'images'
                , method: 'get'
                , acceptMime: 'image/*'
                , done: function (res) {
                    $(this.item).prev("div").children("input").val(res.data.src)
                }
            });
        })

    </script>
</body>
</html>